<!--{assign var='title' value=$title}-->
<!--{assign var='keywords' value='矢量图库关键字'}-->
<!--{assign var='description' value='矢量图库描述'}-->
<!--{include file="../header2.0.html" sort="9" css='/public/css/cates_temp_4.css' js=''}-->
<div class="body">
	<div class='headBox'>
		<div class="viewBox">
			<img src="http://www.youban.com/up/care/teach_particle/1358757397665.jpg" width="100%" height="100%"/>
			<div class="viewBtn"></div>
		</div>
		<div class="intrdusBox">
			<ul class="bimg">
				<li><a href="javascript:;"><img src="http://www.youban.com/up/index/jdtp/1364356168471.png"/></a></li>
			</ul>
			<ul class="simg">
				<li><a href="javascript:;"><img src="http://flash.youban.com/up/tongqu/1351585847478.jpg" width="54" height="50"/></a></li>
				<li class="on"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
	<div class="catesBox">
		<ul>
		<!--{foreach from=$data.cates item=val key=key}-->
		<!--{if $key < 16}-->
			<li><a href="javascript:;"><!--{$val.name}--></a></li>
		<!--{/if}-->
		<!--{/foreach}-->
		</ul>
	</div>
	<div class="tjBox">
		<div class="item">
			<div class="title"><span>精品推荐</span></div>
			<div class="list">
				<ul>
				<!--{foreach from=$data.jptj item=val key=key}-->
				<!--{if $key < 12}-->
					<li>
						<a href="javascript:;"><img original="<!--{$val.img}-->" src="http://www.youban.com/images/b_g.gif" alt="<!--{$val.name}-->"/></a>
						<p class="c"><a href="javascript:;"><!--{$val.name}--></a></p>
						<p><span class="playnum" title="播放"></span><span><!--{$key+100}--></span><span class="reviewnum" title="评论"></span><span><!--{$key+8}--></span></p>
						<p class="starnum"><span></span><span></span><span></span><span></span><span></span></p>
					</li>
				<!--{/if}-->
				<!--{/foreach}-->
				</ul>
			</div>
		</div>
	</div>
	
	<div class='itemsBox'>
		<div class="item">
			<div class="title"><span>最新上线</span></div>
			<div class="list">
				<ul>
				<!--{foreach from=$data.new item=val key=key}-->
				<!--{if $key < 24}-->
					<li>
						<a href="javascript:;"><img original="<!--{$val.img}-->" src="http://www.youban.com/images/b_g.gif" alt="<!--{$val.name}-->"/></a>
						<p class="c"><a href="javascript:;"><!--{$val.name}--></a></p>
						<p><span class="playnum" title="播放"></span><span><!--{$key+100}--></span><span class="reviewnum" title="评论"></span><span><!--{$key+8}--></span></p>
						<p class="starnum"><span></span><span></span><span></span><span></span><span></span></p>
					</li>
				<!--{/if}-->
				<!--{/foreach}-->
				</ul>
			</div>
		</div>
		<div class="item">
			<div class="title"><span>最热点播</span></div>
			<div class="list">
				<ul>
				<!--{foreach from=$data.hot item=val key=key}-->
				<!--{if $key < 24}-->
					<li>
						<a href="javascript:;"><img original="<!--{$val.img}-->" src="http://www.youban.com/images/b_g.gif" alt="<!--{$val.name}-->"/></a>
						<p class="c"><a href="javascript:;"><!--{$val.name}--></a></p>
						<p><span class="playnum" title="播放"></span><span><!--{$key+100}--></span><span class="reviewnum" title="评论"></span><span><!--{$key+8}--></span></p>
						<p class="starnum"><span></span><span></span><span></span><span></span><span></span></p>
					</li>
				<!--{/if}-->
				<!--{/foreach}-->
				</ul>
			</div>
		</div>
	</div>
</div>
<script>
	$('.catesBox >ul >li,.list >ul >li').hover(function(){$(this).addClass('on');},function(){$(this).removeClass('on');})
</script>
<!--{include file="../footer2.0.html"}-->
